<div class="content_wrapper">
    <div class="tab_title"><span data-i18n="options_title"></span>
    </div>

    <div class="Wrapper">
        <div class="options-section gui_box grey">

            <div class="spacer_box settings">
                <div class="checkbox notifications">
                    <input id="notificationsOptions" type="checkbox" />
                    <label for="notificationsOptions"><span data-i18n="options_receive_app_notifications"></span></label>
                </div>

                <div class="checkbox statistics">
                    <input id="improveConfigurator" type="checkbox" />
                    <label for="improveConfigurator"><span data-i18n="options_improve_configurator"></span></label>
                </div>

                <div class="checkbox show_profile_parameters">
                    <input id="showProfileParameters" type="checkbox" />
                    <label for="showProfileParameters"><span data-i18n="options_showProfileParameters"></span></label>
                </div>
            </div>
        </div>

        <div class="options-section gui_box grey">

            <div class="spacer_box settings">
                <div class="select">                    
                    <select id="map-provider-type">
                        <option value="osm">OpenStreetMap</option>
                        <option value="bing">Bing Maps</option>
                        <option value="mapproxy">MapProxy</option>
                    </select>       
                    <label for="map-provider-type" data-i18n="mapProvider"></label>             
                </div>

                <div class="number">
                    <input type="password" id="map-api-key" style="border: solid 1px black" />                
                    <label for="map-api-key" data-i18n="mapApiKey"></label>                    
                </div>

                <div class="number">                    
                    <input type="text" id="proxyurl" style="border: solid 1px black" />
                    <label for="proxyurl" data-i18n="proxyURL"></label>
                </div>
                <div class="number">                    
                    <input type="text" id="proxylayer" style="border: solid 1px black" />
                    <label for="proxylayer" data-i18n="proxyLayer"></label>
                </div>
            </div>
        </div>

        <div class="options-section gui_box grey">
            <div class="gui_box_titlebar">
                <div class="spacer_box_title" data-i18n="options_render"></div>
            </div>
            <div class="spacer_box settings">
                <div class="select">
                    <select id="ui-unit-type">
                        <option value="none">None</option>
                        <option value="OSD">OSD</option>
                        <option value="imperial">Imperial</option>
                        <option value="metric">Metric</option>
                    </select>
                    <label for="ui-unit-type" data-i18n="options_unit_type"></label>
                </div>
            </div>
        </div>
    </div>
</div>